// 深色主题变量
:root[data-theme='dark'] {
  // 主要颜色
  --color-primary: #409eff;
  --color-primary-hover: #66b1ff;
  --color-primary-active: #337ecc;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  --color-danger: #f56c6c;
  --color-info: #909399;

  // 背景颜色
  --color-bg-base: #121212;
  --color-bg-container: #1e1e1e;
  --color-bg-elevated: #2c2c2c;
  --color-bg-layout: #141414;
  --color-bg-spotlight: #252525;

  // 文字颜色
  --color-text: #e6e6e6;
  --color-text-secondary: #b0b0b0;
  --color-text-tertiary: #8c8c8c;
  --color-text-quaternary: #646464;
  --color-text-disabled: #6c6c6c;
  --color-text-placeholder: #6c6c6c;
  --color-text-inverse: #000000;

  // 边框颜色
  --color-border: #434343;
  --color-border-secondary: #303030;
  --color-border-tertiary: #262626;
  
  // 分割线颜色
  --color-divider: #303030;
  
  // 阴影颜色
  --color-shadow: rgba(0, 0, 0, 0.3);
}
